<template>
  <div class="left-side">
    <AssessmentShowcaseSideBar v-if="props.selectItem === '评估展示'" />
    <AssessmentReportsSideBar v-if="props.selectItem === '评估报告'" />
    <RelatedDocumentsSideBar v-if="props.selectItem === '相关文档'" />
    <AssessmentConfigurationSideBar v-if="props.selectItem === '评估配置'" />
    <SystemManagementSideBar v-if="props.selectItem === '系统管理'" />
  </div>
</template>

<script setup>
  import AssessmentShowcaseSideBar from "../sideBars/LeftSideBars/AssessmentShowcaseSideBar.vue";
  import AssessmentReportsSideBar from "../sideBars/LeftSideBars/AssessmentReportsSideBar.vue";
  import RelatedDocumentsSideBar from "../sideBars/LeftSideBars/RelatedDocumentsSideBar.vue";
  import AssessmentConfigurationSideBar from "../sideBars/LeftSideBars/AssessmentConfigurationSideBar.vue";
  import SystemManagementSideBar from "../sideBars/LeftSideBars/SystemManagementSideBar.vue";

  const props = defineProps({
    selectItem: String,
  })
</script>
